.sz-attendance-container {
    .Fixmagrin {
        margin-top: 0px;
        margin-bottom: 10px;
    }
    .person-water-count {
        background: #fff;
        height: calc(100% - 83px);
        overflow: auto;
        padding: 16px 4%;
        box-sizing: border-box;
        -webkit-overflow-scrolling: touch;
        .item {
            position: relative;
            padding: 10px 0;
            $size: 100px;
            width: 100%;
            &::after {
                @extend %pseudo-classes-border;
                background: #E1E1E1;
            }
            .left {
                padding-right: $size + 15px;
                b {
                    display: inline-block;
                    color: #9B9B9B;
                    margin-top: 5px;
                }
                p.reason {
                    color: #4A4A4A;
                    margin-top: 5px;
                }
            }
            .right {
                position: absolute;
                top: 0;
                right: 0;
                width: $size;
                height: 100%;
                em {
                    position: absolute;
                    display: inline-block;
                    top: 50%;
                    left: 0;
                    transform: translate(0, -50%);
                    color: #00A0FF;
                    font-size: 20px;
                    &.reduce {
                        color: #F93B18;
                    }
                }
            }
        }
    }
}

;